<template>
	<div class="category">
		<h3>{{title}}分类</h3>
		<!-- 具名插槽 -->
		<slot name="s1">默认内容1</slot>
		<slot name="s2">默认内容2</slot>
	</div>
</template>

<script>
	export default {
		name:'Category',
		props:['title']
	}
</script>

<style>
	.category{
		width: 200px;
		height: 300px;
		background-color: skyblue;
		border: 1px solid black;
	}
	h3{
		background-color: orange;
		text-align:center;
	}
	img{
		width: 100%;
	}
	video{
		width: 100%;
	}
</style>